<%@page import="modele.LignePanier"%>
<%@page import="modele.Representation"%>
<%@page import="modele.Spectacle"%>
<%@page import="vue.DateHelper"%>
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ page import="java.util.List"%>
<%
	List<Representation> repListe = (List<Representation>)request.getAttribute("listeRepresent");
%>
<div class="representation fitForText">
	<div class="representation_label">Trouvez une représentation</div>
	<div class="list">
		<% for(int i=0; i<repListe.size(); i++){ 
			if(repListe.get(i)!=null){
			Representation r = repListe.get(i);
		%>
			<div id="rep_<%=repListe.get(i).getId()%>" class="item<%=((i==0)?" selected":"")%>">
				<div class="salle"><%=r.getSalle().getNom() %>, Montréal</div>
				<div class="date"><%=DateHelper.formatDate(r.getDate())  %></div>
				<div class="disp"><span class="quantite"><%=r.getNbBilletsDispo()  %></span> billets disponibles</div>
			</div>
		<%}} %>
		<div class="quantite">
			<span class="quantite_label">Quantité</span> 
			<span class="quantite_list"> 
			<select class="quantite_select" name="quantite_select">
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
			</select>
			</span>
		</div>
		<div class="reserver_btn">RÉSERVER</div>
	</div>
</div>